<template>
  <div class="about">
    <h1>关于项目</h1>
    <p>这是一个基于Vue3 + Spring Boot + MySQL的全栈项目</p>
    <el-card>
      <template #header>
        <span>技术栈</span>
      </template>
      <ul>
        <li>前端: Vue3 + Vite + Element Plus</li>
        <li>后端: Spring Boot</li>
        <li>数据库: MySQL</li>
      </ul>
    </el-card>
  </div>
</template>

<script setup>
</script>

<style scoped>
.about {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
}

ul {
  text-align: left;
  line-height: 1.8;
}
</style>